<template>
  <div class='com-page'>
    <el-pagination
      background
      layout="prev, pager, next"
      :current-page="formaltPageInfo.page"
      :page-size="formaltPageInfo.size"
      @current-change="changePage"
      :total="formaltPageInfo.total">
    </el-pagination>
  </div>
</template>
<script>
export default {
  props:["pageInfo"],
  components: {},
  name: "",
  data() {
    return {};
  },
  computed:{
    formaltPageInfo(){
      return this.pageInfo
    }
  },
  methods: {
    /**
     * @name 改变页 
     */
    changePage(val){
      this.$emit("changePage",val)
    }
  },
  created() {}
};
</script>
<style lang="scss" scoped>
.com-page {
}
</style>